<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="Your description"/>
    <meta name="keywords" content="Your keywords"/>
    <meta name="author" content="Your name"/>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>

<!-- head 头部 -->
<div id="head" th:include="common/index_header :: copyheader"></div>


<div id="slider_wrapper">
    <div class="container">
        <div id="slider_inner">
            <div id="slider">
                <div class="carousel-box">
                    <div class="inner">
                        <div class="carousel main">
                            <ul>
                                <li th:each="carousel : ${carousels}">
                                    <div class="slider">
                                        <div class="slider_inner">
                                            <div class="txt1"><span th:text="${carousel.title}"></span></div>
                                            <div class="txt2"><span th:text="${carousel.comment}"></span></div>
                                            <div class="txt3"><span th:text="${carousel.scenictime}"></span></div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="slider_pagination"></div>
            </div>
        </div>
    </div>
</div>
<!--</div>-->

<!--<div id="front_tabs">-->
<!--    <div class="container">-->
<!--        <div class="tabs_wrapper tabs1_wrapper">-->
<!--            <div class="tabs tabs1">-->
<!--                <div class="tabs_tabs tabs1_tabs">-->

<!--                    <ul>-->
<!--                        <li class="active flights"><a href="#tabs-1">飞机</a></li>-->
<!--                        <li class="hotels"><a href="#tabs-2">酒店</a></li>-->
<!--                        <li class="cars"><a href="#tabs-3">汽车</a></li>-->
<!--                        <li class="cruises"><a href="#tabs-4">游艇</a></li>-->
<!--                    </ul>-->

<!--                </div>-->
<!--                <div class="tabs_content tabs1_content">-->

<!--                    <div id="tabs-1">-->
<!--                        <form action="javascript:;" class="form1">-->
<!--                            <div class="row">-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>起始:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">城市或机场</option>-->
<!--                                                <option value="2">北京</option>-->
<!--                                                <option value="3">上海</option>-->
<!--                                                <option value="4">重庆</option>-->
<!--                                                <option value="5">天津</option>-->
<!--                                                <option value="6">浙江</option>-->
<!--                                                <option value="7">广东</option>-->
<!--                                                <option value="8">江西</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>到:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">城市或机场</option>-->
<!--                                                <option value="2">北京</option>-->
<!--                                                <option value="3">上海</option>-->
<!--                                                <option value="4">重庆</option>-->
<!--                                                <option value="5">天津</option>-->
<!--                                                <option value="6">浙江</option>-->
<!--                                                <option value="7">广东</option>-->
<!--                                                <option value="8">江西</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="input1_wrapper">-->
<!--                                        <label>出发时间:</label>-->
<!--                                        <div class="input1_inner">-->
<!--                                            <input type="text" class="input datepicker" value="年/月/日">-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="input1_wrapper">-->
<!--                                        <label>返回时间:</label>-->
<!--                                        <div class="input1_inner">-->
<!--                                            <input type="text" class="input datepicker" value="年/月/日">-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-1">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>成人:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select select3" style="width: 100%">-->
<!--                                                <option value="1">1</option>-->
<!--                                                <option value="2">2</option>-->
<!--                                                <option value="3">3</option>-->
<!--                                                <option value="4">4</option>-->
<!--                                                <option value="5">5</option>-->
<!--                                                <option value="6">6</option>-->
<!--                                                <option value="7">7</option>-->
<!--                                                <option value="8">8</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-1">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>儿童:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select select3" style="width: 100%">-->
<!--                                                <option value="1">1</option>-->
<!--                                                <option value="2">2</option>-->
<!--                                                <option value="3">3</option>-->
<!--                                                <option value="4">4</option>-->
<!--                                                <option value="5">5</option>-->
<!--                                                <option value="6">6</option>-->
<!--                                                <option value="7">7</option>-->
<!--                                                <option value="8">8</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="button1_wrapper">-->
<!--                                        <button type="submit" class="btn-default btn-form1-submit" onclick="travel()">搜索</button>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </form>-->
<!--                    </div>-->
<!--                    <div id="tabs-2">-->
<!--                        <form action="javascript:;" class="form1">-->
<!--                            <div class="row">-->
<!--                                <div class="col-sm-4 col-md-4">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>城市酒店:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">目的地或酒店名称</option>-->
<!--                                                <option value="2">北京</option>-->
<!--                                                <option value="3">上海</option>-->
<!--                                                <option value="4">重庆</option>-->
<!--                                                <option value="5">天津</option>-->
<!--                                                <option value="6">浙江</option>-->
<!--                                                <option value="7">广东</option>-->
<!--                                                <option value="8">江西</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="input1_wrapper">-->
<!--                                        <label>入住时间:</label>-->
<!--                                        <div class="input1_inner">-->
<!--                                            <input type="text" class="input datepicker" value="年/月/日">-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="input1_wrapper">-->
<!--                                        <label>退房时间:</label>-->
<!--                                        <div class="input1_inner">-->
<!--                                            <input type="text" class="input datepicker" value="年/月/日">-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>房间:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">单人房</option>-->
<!--                                                <option value="2">双人房</option>-->
<!--                                                <option value="3">三人房</option>-->
<!--                                                <option value="4">四人房</option>-->
<!--                                                <option value="5">五人房</option>-->
<!--                                                <option value="6">六人房</option>-->
<!--                                                <option value="7">七人房</option>-->
<!--                                                <option value="8">八人房</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="button1_wrapper">-->
<!--                                        <button type="submit" class="btn-default btn-form1-submit"  onclick="travel()">搜索</button>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </form>-->
<!--                    </div>-->
<!--                    <div id="tabs-3">-->
<!--                        <form action="javascript:;" class="form1">-->
<!--                            <div class="row">-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>国家:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">下拉选择</option>-->
<!--                                                <option value="2">中国</option>-->
<!--                                                <option value="3">美国（暂不支持）</option>-->
<!--                                                <option value="4">英国（暂不支持）</option>-->
<!--                                                <option value="5">俄罗斯（暂不支持）</option>-->
<!--                                                <option value="6">加拿大（暂不支持）</option>-->
<!--                                                <option value="7">澳大利亚（暂不支持）</option>-->
<!--                                                <option value="8">法国（暂不支持）</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>城市:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">下拉选择</option>-->
<!--                                                <option value="2">北京</option>-->
<!--                                                <option value="3">上海</option>-->
<!--                                                <option value="4">重庆</option>-->
<!--                                                <option value="5">天津</option>-->
<!--                                                <option value="6">浙江</option>-->
<!--                                                <option value="7">广东</option>-->
<!--                                                <option value="8">江西</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>地点:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">下拉选择</option>-->
<!--                                                <option value="2">北京</option>-->
<!--                                                <option value="3">上海</option>-->
<!--                                                <option value="4">重庆</option>-->
<!--                                                <option value="5">天津</option>-->
<!--                                                <option value="6">浙江</option>-->
<!--                                                <option value="7">广东</option>-->
<!--                                                <option value="8">江西</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="input1_wrapper">-->
<!--                                        <label>出发时间:</label>-->
<!--                                        <div class="input1_inner">-->
<!--                                            <input type="text" class="input datepicker" value="年/月/日">-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="input1_wrapper">-->
<!--                                        <label>返回时间:</label>-->
<!--                                        <div class="input1_inner">-->
<!--                                            <input type="text" class="input datepicker" value="年/月/日">-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->


<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="button1_wrapper">-->
<!--                                        <button type="submit" class="btn-default btn-form1-submit"  onclick="travel()">搜索</button>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </form>-->
<!--                    </div>-->
<!--                    <div id="tabs-4">-->
<!--                        <form action="javascript:;" class="form1">-->
<!--                            <div class="row">-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>航行地点:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">目的地</option>-->
<!--                                                <option value="2">北京</option>-->
<!--                                                <option value="3">上海</option>-->
<!--                                                <option value="4">浙江</option>-->
<!--                                                <option value="5">广东</option>-->
<!--                                                <option value="6">黑龙江</option>-->
<!--                                                <option value="7">福建</option>-->
<!--                                                <option value="8">江苏</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>航行起始:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">目的地</option>-->
<!--                                                <option value="2">北京</option>-->
<!--                                                <option value="3">上海</option>-->
<!--                                                <option value="4">浙江</option>-->
<!--                                                <option value="5">广东</option>-->
<!--                                                <option value="6">黑龙江</option>-->
<!--                                                <option value="7">福建</option>-->
<!--                                                <option value="8">江苏</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->

<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="input1_wrapper">-->
<!--                                        <label>开始时间:</label>-->
<!--                                        <div class="input1_inner">-->
<!--                                            <input type="text" class="input datepicker" value="月份">-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="input1_wrapper">-->
<!--                                        <label>结束时间:</label>-->
<!--                                        <div class="input1_inner">-->
<!--                                            <input type="text" class="input datepicker" value="月份">-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="select1_wrapper">-->
<!--                                        <label>游轮:</label>-->
<!--                                        <div class="select1_inner">-->
<!--                                            <select class="select2 select" style="width: 100%">-->
<!--                                                <option value="1">船次</option>-->
<!--                                                <option value="2">黎明1号</option>-->
<!--                                                <option value="3">黎明2号</option>-->
<!--                                                <option value="4">黎明3号</option>-->
<!--                                                <option value="5">黎明4号</option>-->
<!--                                                <option value="6">黎明5号</option>-->
<!--                                                <option value="7">黎明6号</option>-->
<!--                                                <option value="8">黎明7号</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->


<!--                                <div class="col-sm-4 col-md-2">-->
<!--                                    <div class="button1_wrapper">-->
<!--                                        <button type="submit" class="btn-default btn-form1-submit"  onclick="travel()">搜索</button>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </form>-->
<!--                    </div>-->

<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->

<div id="why1">
    <div class="container">

        <h2 class="animated">旅行意义</h2>

        <div class="title1 animated">人们常常在旅途中，猛地想起湮灭许久的往事，忆起许多故人的音容笑貌。好像旅行是一种溶剂，融化了尘封的盖子，如烟的温情就升腾出来了。
        </div>

        <br><br>

        <div class="row">
            <div class="col-sm-3">
                <div class="thumb2 animated" data-animation="flipInY" data-animation-delay="200">
                    <div class="thumbnail clearfix">
                        <a href="#">
                            <figure class="">
                                <img th:src="@{/images/why1.png}" src="images/why1.png" alt=""
                                     class="img1 img-responsive">
                                <img th:src="@{/images/why1_hover.png}" src="images/why1_hover.png" alt=""
                                     class="img2 img-responsive">
                            </figure>
                            <div class="caption">
                                <div class="txt1">《三月》【唐】韩偓</div>
                                <div class="txt2">辛夷才谢小桃发，蹋青过后寒食前。四时最好是三月，一去不回唯少年
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="thumb2 animated" data-animation="flipInY" data-animation-delay="300">
                    <div class="thumbnail clearfix">
                        <a href="#">
                            <figure class="">
                                <img th:src="@{../static/images/why2.png}" src="/images/why2.png" alt=""
                                     class="img1 img-responsive">
                                <img th:src="@{../static/images/why2_hover.png}" src="/images/why2_hover.png" alt=""
                                     class="img2 img-responsive">
                            </figure>
                            <div class="caption">
                                <div class="txt1">《秋浦歌》【唐】李白</div>
                                <div class="txt2">逻人横鸟道，江祖出鱼梁。水急客舟疾，山花拂面香。
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="thumb2 animated" data-animation="flipInY" data-animation-delay="400">
                    <div class="thumbnail clearfix">
                        <a href="#">
                            <figure class="">
                                <img src="/images/why3.png" alt="" class="img1 img-responsive">
                                <img src="/images/why3_hover.png" alt="" class="img2 img-responsive">
                            </figure>
                            <div class="caption">
                                <div class="txt1">《春游值雨》【唐】张旭</div>
                                <div class="txt2">欲寻轩槛列清尊，江上烟云向晚昏。须倩东风吹散雨，明朝却待入华园。
                                </div>

                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="thumb2 animated" data-animation="flipInY" data-animation-delay="500">
                    <div class="thumbnail clearfix">
                        <a href="#">
                            <figure class="">
                                <img th:src="@{../static/images/why4.png}" src="/images/why4.png" alt=""
                                     class="img1 img-responsive">
                                <img th:src="@{../static/images/why4_hover.png}" src="/images/why4_hover.png" alt=""
                                     class="img2 img-responsive">
                            </figure>
                            <div class="caption">
                                <div class="txt1">《赴洛道中作》【晋】陆机</div>
                                <div class="txt2">远游越山川，山川修且广。振策陟崇丘，安辔遵平莽。夕息抱影寐，朝徂衔思往。顿辔倚高岩，侧听悲风响。清露坠素辉，明月一何朗。抚枕不能寐，振衣独长想。
                                </div>

                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="parallax1" class="parallax">
    <div class="bg1 parallax-bg"></div>
    <div class="overlay"></div>
    <div class="parallax-content">
        <div class="container">

            <div class="row">
                <div class="col-sm-10 animated">
                    <div class="txt1">高级套餐</div>
                    <div class="txt2">重庆武夷山一日游
                    </div>
                    <div class="txt3">价格： <strong>$159.00</strong><span>元</span></div>
                </div>
                <div class="col-sm-2 animated">
                    <a href="#" class="btn-default btn0">抢购（已无票）</a>
                </div>
            </div>

        </div>
    </div>
</div>

<div id="popular_cruises1">
    <div class="container">

        <h2 class="animated">推荐游览</h2>

        <div class="title1 animated">旅游和旅行的最大区别在于：旅游仅仅是用双脚与眼晴，而旅行还要带上灵魂和梦想。<br>
            《花开半夏》
        </div>

        <br><br>

        <div id="popular_wrapper" class="animated" data-animation="fadeIn" data-animation-delay="300">
            <div id="popular_inner">
                <div class="">
                    <div id="popular">
                        <div class="">
                            <div class="carousel-box">
                                <div class="inner">
                                    <div class="carousel main">
                                        <ul>
                                            <li>
                                                <div class="popular">
                                                    <div class="popular_inner">
                                                        <figure>
                                                            <img th:src="@{../static/images/popular01.jpg}"
                                                                 src="/images/popular01.jpg" alt=""
                                                                 class="img-responsive">
                                                            <div class="over">
                                                                <div class="v1">
                                                                    三亚 <span>17 * 选购</span>
                                                                </div>
                                                                <div class="v2">领悟海滩风情
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="caption">
                                                            <div class="txt1"><span>三亚</span> 7日游</div>
                                                            <div class="txt2">🌸蜈支洲岛、🌸呀诺达、🌸南山文化苑、玻璃栈道等精华景点
                                                            </div>
                                                            <div class="txt3 clearfix">
                                                                <div class="left_side">
                                                                    <div class="stars1">
                                                                        <img th:src="@{../static/images/star1.png}"
                                                                             src="/images/star1.png" alt="">
                                                                    </div>
                                                                    <div class="nums">- 18 评论</div>
                                                                </div>
                                                                <div class="right_side">
                                                                    <a href="https://map.baidu.com/search/%E4%B8%89%E4%BA%9A%E5%B8%82/@12192090.151930831,2055896.0013643366,14.47z?querytype=s&da_src=shareurl&wd=%E4%B8%89%E4%BA%9A&c=1&src=0&pn=0&sug=0&l=7&b=(10932933.859728673,2907314.3001381913;13102646.611388793,3989254.395388064)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2"
                                                                       class="btn-default btn1">详情</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="popular">
                                                    <div class="popular_inner">
                                                        <figure>
                                                            <img th:src="@{../static/images/popular02.jpg}"
                                                                 src="/images/popular02.jpg" alt=""
                                                                 class="img-responsive">
                                                            <div class="over">
                                                                <div class="v1">珠海
                                                                    <span>17 * 选购</span></div>
                                                                <div class="v2">欣赏海景风光
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="caption">
                                                            <div class="txt1"><span>珠海</span> 18日游
                                                            </div>
                                                            <div class="txt2">越秀公园，五羊城，广州小蛮腰，浅水湾，情侣海滨路，情侣海滨路，港珠澳大桥，珠海大剧院-日月贝等
                                                            </div>
                                                            <div class="txt3 clearfix">
                                                                <div class="left_side">
                                                                    <div class="stars1">
                                                                        <img th:src="@{../static/images/star1.png}"
                                                                             src="/images/star1.png" alt="">

                                                                    </div>
                                                                    <div class="nums">- 168 评论</div>
                                                                </div>
                                                                <div class="right_side">
                                                                    <a href="https://map.baidu.com/search/%E7%8F%A0%E6%B5%B7%E5%B8%82/@12644090,2528419.5,13.63z?querytype=s&da_src=shareurl&wd=%E7%8F%A0%E6%B5%B7&c=132&src=0&pn=0&sug=0&l=15&b=(11946698,3434605;11958602,3440541)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2"
                                                                       class="btn-default btn1">详情
                                                                    </a></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="popular">
                                                    <div class="popular_inner">
                                                        <figure>
                                                            <img th:src="@{../static/images/popular02.jpg}"
                                                                 src="/images/popular02.jpg" alt=""
                                                                 class="img-responsive">
                                                            <div class="over">
                                                                <div class="v1">渤海
                                                                    <span>17 * 选购</span></div>
                                                                <div class="v2">领悟海洋奇景
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="caption">
                                                            <div class="txt1"><span>渤海</span> 18日夜
                                                            </div>
                                                            <div class="txt2">渤海可分辽东湾、渤海湾、莱州湾、中央浅海盆地和渤海海峡5部分
                                                            </div>
                                                            <div class="txt3 clearfix">
                                                                <div class="left_side">
                                                                    <div class="stars1">
                                                                        <img th:src="@{../static/images/star1.png}"
                                                                             src="/images/star1.png" alt="">
                                                                    </div>
                                                                    <div class="nums">- 168 评论</div>
                                                                </div>
                                                                <div class="right_side">
                                                                    <a href="https://map.baidu.com/search/%E7%8F%A0%E6%B5%B7%E5%B8%82/@12644090,2528419.5,13.63z?querytype=s&da_src=shareurl&wd=%E7%8F%A0%E6%B5%B7&c=132&src=0&pn=0&sug=0&l=15&b=(11946698,3434605;11958602,3440541)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2"
                                                                       class="btn-default btn1">详情
                                                                    </a></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="popular_pagination"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="happy1">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-6 col-md-push-6">
                <div class="content">
                    <div class="txt1 animated" data-animation="fadeIn" data-animation-delay="100">快乐的客户</div>
                    <div class="txt2 animated" data-animation="fadeIn" data-animation-delay="150">看海看久了想见人，见人见多了想看海。
                    </div>
                    <div class="txt3 animated" data-animation="fadeIn" data-animation-delay="200">
                        <p>
                            凡是到达了的地方，都属于昨天。哪怕那山再青，那水再秀，那风再温柔。太深的流连便成了一种羁绊，绊住的不仅是双脚，还有未来。
                        </p>
                        <p>
                            旅行就是，离开自以为是的生活，串联起以前的回忆，并以开放的态度结识，日常生活之外的有趣之人，至于风景，那只是附赠品。
                        </p>
                    </div>

                    <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="0">
                        <div class="txt">飞机</div>
                        <div class="bg">
                            <div class="animated-distance" data-num="94" data-duration="1300" data-animation-delay="0">
                                <span></span></div>
                        </div>
                    </div>

                    <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="100">
                        <div class="txt">酒店</div>
                        <div class="bg">
                            <div class="animated-distance" data-num="87" data-duration="1300"
                                 data-animation-delay="100"><span></span></div>
                        </div>
                    </div>

                    <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="200">
                        <div class="txt">汽车</div>
                        <div class="bg">
                            <div class="animated-distance" data-num="48" data-duration="1300"
                                 data-animation-delay="200"><span></span></div>
                        </div>
                    </div>

                    <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="300">
                        <div class="txt">游轮</div>
                        <div class="bg">
                            <div class="animated-distance" data-num="51" data-duration="1300"
                                 data-animation-delay="300"><span></span></div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-sm-12 col-md-6 col-md-pull-6 animated" data-animation="fadeInLeft"
                 data-animation-delay="200">
                <img th:src="@{/images/people.png}" src="images/people.png" alt="" class="img1 img-responsive">
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div th:include="common/index_footer :: copyfooter"></div>
</body>


<script>
    function travel() {
        window.location.href="/dist/travel"
    }
    
    
</script>

</html>